import styled from 'styled-components'

export const DiscoverWrapper = styled.div`
  .top {
    background-color: #c20c0c;
    height: 30px;
  }

  .ant-back-top {
    display: fixed;
    right: 220px;
    bottom: 150px;
    .top-button {
      width: 49px;
      height: 44px;
      background-position: -265px -47px;

      &:hover {
        background-position: -325px -47px;
      }
    }
  }
`

export const TopMenu = styled.div`
  display: flex;
  padding-left: 180px;

  .item {
    a {
      color: #fff;
      display: inline-block;
      height: 20px;
      line-height: 20px;
      padding: 0px 13px;
      margin: 2px 17px 0;

      &:hover, &.active {
        text-decoration: none;
        background-color: #9b0909;
        border-radius: 20px;
      }
    }

    &:nth-of-type(3) a {
      position: relative;

      &::after {
        content: "";
        position: absolute;
        top: 2px;
        width: 8px;
        height: 8px;
        background-size: cover;
        background-image: url(${require("@/assets/img/white_r_icon.png")});
      }
    }
  }
`